<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>
    <%- title %>
  </title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="el_div">

    <i-Menu :theme="theme3" active-name="1" class="h100 fl">
      <Menu-Group title="内容管理">
        <Menu-Item name="1">
          <Icon type="document-text"></Icon>
          文章管理
          </MenuItem>
          <Menu-Item name="2">
            <Icon type="chatbubbles"></Icon>
            评论管理
          </Menu-Item>
      </Menu-Group>
      <Menu-Group title="统计分析">
        <Menu-Item name="3">
          <Icon type="heart"></Icon>
          用户留存
        </Menu-Item>
        <Menu-Item name="4">
          <Icon type="heart-broken"></Icon>
          流失用户
        </Menu-Item>
      </Menu-Group>
    </i-Menu>

    <div class="fl div_right">
        
      <row>
        <i-col span="24" class="h60 white">
            <icon type="navicon-round" class="fl ml10 menu_btn" size="20"></icon><p class="fl page_title">首页</p>
            <!-- 左边的好了 -->
            <avatar class="fr logo" src="https://i.loli.net/2017/08/21/599a521472424.jpg" />
            
            </avatar>
            <dropdown class="fr down-list">
                <a href="javascript:void(0)">
                    下拉菜单
                    <icon type="arrow-down-b"></icon>
                </a>
                <dropdown-menu slot="list">
                    <dropdown-item>驴打滚</dropdown-item>
                    <dropdown-item>炸酱面</dropdown-item>
                    <dropdown-item disabled>豆汁儿</dropdown-item>
                    <dropdown-item>冰糖葫芦</dropdown-item>
                    <dropdown-item divided>北京烤鸭</dropdown-item>
                </dropdown-menu>
            </dropdown>

            <Badge dot class="fr ml10 menu_btn_right">
            <Icon type="android-textsms"  size="20"></Icon>
          </Badge>
        </i-col>
        
      </row>
      <row class="borderbuttom">
        <i-col>
          <Breadcrumb>
            <Breadcrumb-Item href="/">Home</Breadcrumb-Item>
            <Breadcrumb-Item href="/components/breadcrumb">Components</Breadcrumb-Item>
            <Breadcrumb-Item>Breadcrumb</Breadcrumb-Item>
          </Breadcrumb>
        </i-col>
      </row>
      <row>
       
        <i-col span="8">
          <Card style="width:96%;margin:2%">
            <div slot="title">
                <row>
                    <i-col span="6">
                            <img src="https://i.loli.net/2017/08/21/599a521472424.jpg" class="logo_img" alt="" style="width:100%">
                    </i-col>
                    <i-col span="6">
                        <pre></pre>
                    </i-col>
                    <i-col>
                        <h1 class="member_id">admin</h1>
                    </i-col>
                </row>
                
            </div >
            <p>卡片内容</p>
            <p>卡片内容</p>
            <p>卡片内容</p>
        </Card>
        </i-col>
      </row>
    </div>
  </div>
  <script src="./index.js"></script>

</body>

</html>